/*** mainNav ***/
.mainNav .wrapper .logo{
    display: block;
}
.mainNav .companyIn{ display: none;}
/*** end mainNav ***/

/*** main ***/
.main{
    background-color: #f2f4f6;
}
.main .wrapper{ padding-bottom: 30px; }
/*** searchAndFilter ***/
.main .wrapper .searchAndFilter{
    position: relative;
    float: left;
    width: 960px;
    margin-top: 20px;
    margin-bottom: 35px;
    padding: 20px 20px 0;
    background-color: #fff;
}
.searchAndFilter .wrapper{
    height: 68px;
    padding: 30px 0 20px;
    overflow: inherit;
}
/** search **/
.searchAndFilter .search{
    float: left;
    width: 100%;
}
.searchAndFilter .search .searchCont{
    float: left;
    width: 600px;
    height: 40px;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.searchAndFilter .searchCont .select{
    position: relative;
    float: left;
    width: 89px;
    min-width: 70px;
    height: 40px;
    border-right: 1px solid #eee;
    cursor: pointer;
}
.searchAndFilter .searchCont .select span{
    float: left;
    width: 100%;
    height: 40px;
}
.searchAndFilter .search .select span a{
    float: left;
    width: 100%;
    height: 40px;
    color: #4a5261;
    line-height: 40px;
    text-align: center;
}
.searchAndFilter .search .select:hover span a{
    text-decoration: none;
    color: #3498db;
}
.searchAndFilter .search .select i{
    position: absolute;
    top: 50%;
    right: 5px;
    width: 10px;
    height: 16px;
    margin-top: -8px;
    background: url("/new/images/icon/icon2.png") no-repeat center 1px;
}
.searchAndFilter .search .select i.active{
    background-position: center 3px;
}
.searchAndFilter .searchCont input{
    float: left;
    width: 400px;
    height: 40px;
    padding: 0 10px;
    border: 0;
    color: #aaaeb5;
    line-height: 40px;
    vertical-align: middle;
}
.searchAndFilter .searchCont button{
    float: left;
    width: 90px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    background-color: #3498db;
}
.searchAndFilter .searchCont button:hover{
    background-color: #0a87db;
    cursor: pointer;
}
.indexOptions{
    position: absolute;
    background-color: #fff;
    border: 1px solid #eee;
    border-top: none;
}
.indexOptions ul li{
    height: 25px;
    text-indent: 10px;
    line-height: 25px;
}
.indexOptions ul li a{
    float: left;
    width: 100%;
    line-height: 25px;
    color: #4a5261;
}
.indexOptions ul li:hover{
    background-color: #ddd;
}
/* more */
.searchAndFilter .moreSearch{
    float: left;
    margin-left: 10px;
}
.searchAndFilter .moreSearch a{
    float: left;
}
.searchAndFilter .moreSearch a span{
    float: left;
    height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    color: #3498db;
    text-align: center;
    line-height: 40px;
    background-color: #f2f4f6;
    cursor: pointer;
}
.searchAndFilter .moreSearch a span:hover{
    color: #fff;
    background-color: #3498db;
}
/* end more */

/* search job by map */
.searchAndFilter .byMap{
    float: left;
    margin-left: 40px;
}
.searchAndFilter .byMap i{
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    background: url("/new/images/icon/icon2.png") no-repeat center -20px;
}
.searchAndFilter .byMap span{
    float: left;
    height: 40px;
    color: #4a5261;
    line-height: 40px;
    cursor: pointer;
}
.searchAndFilter .byMap:hover span{
    color: #3498db;
}
/* end search job by map */
/** end search **/

/** filter **/
.main .searchAndFilter .filter{
    float: left;
    width: 100%;
    /*height: 160px;*/
    padding: 10px 0;
}
.main .searchAndFilter .filter li{
    float: left;
    width: 100%;
    height: 40px;
}
.searchAndFilter .filter li>span{
    float: left;
    width: 56px;
    height: 100%;
    *height: 40px;
    margin-right: 10px;
    color: #4a5261;
    font-weight: bold;
    text-align: justify;
    text-align-last: justify;
    line-height: 40px;
}
.searchAndFilter .filter li>span i{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 100%;
}
.searchAndFilter .filter li .cont{
    float: left;
    width: 890px;
}
.searchAndFilter li .cont>a{
    float: left;
    height: 20px;
    margin-top: 10px;
    margin-right: 6px;
    padding: 0 5px;
    color: #4a5261;
    line-height: 20px;
    *overflow: visible;
}
.searchAndFilter li .cont a i{
    float: right;
    *float: none;
    width: 9px;
    height: 9px;
    margin: 5px 3px;
}
.searchAndFilter li .cont a.noLimit{
    padding: 0 5px;
}
.searchAndFilter li .cont a:hover{
    color: #707b91;
}
.searchAndFilter li .cont a.selected{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background-color: #707b91;
}
/* location */
.searchAndFilter .filter .location .cont{
    width: 840px;
    height: 100%;
}
.searchAndFilter .filter .location .more{
    float: right;
    width: 47px;
    height: 40px;
    color: #4a5261;
    line-height: 40px;
}
.searchAndFilter .filter .location .more i{
    float: right;
    *float: none;
    width: 19px;
    height: 19px;
    margin-top: 11px;
    background: url("/new/images/icon/04.png") no-repeat center -55px;
}
/* end location */

/* others */
.searchAndFilter .others .cont a{ margin-right: 20px;}
.searchAndFilter .others .cont .selectIndustry{
    float: left;
    width: 168px;
    height: 28px;
    margin-top: 5px;
    margin-right: 20px;
    padding-left: 10px;
    border: 1px solid #aaaeb5;
    line-height: 28px;
    cursor: pointer;
}
.searchAndFilter .others .selectIndustry input{
    float: left;
    width: 120px;
    height: 28px;
    border: none;
    line-height: 28px;
    vertical-align: middle;
}
.searchAndFilter .others .selectIndustry input::-webkit-input-placeholder{ color: #707b91;}
.searchAndFilter .others .selectIndustry i{
    float: right;
    width: 12px;
    height: 12px;
    margin-top: 8px;
    margin-right: 5px;
    background: url("/new/images/icon/04.png") no-repeat 0 -28px;
}
/* the style of select industry layer*/
.posCategories .first .btnok a{ background-color: #3498db;}
.posCategories .first .btnok a:hover{ background-color: #0a87db;}
.posCategories .first .two .ctype{ border-color: #3498db;}
.posCategories .first .two .ctype i{ background: url(/new/images/icon/typeclose.png) no-repeat 5px 7px;}
.posCategories .first .two .ctype i:hover{ background-position: 5px -18px;}
.posCategories .cateType .removesearch li a{ color: #0a87db;}
/* end the style of select industry layer*/
.searchAndFilter .others .cont .select{
    position: relative;
    float: left;
    width: 118px;
    height: 28px;
    margin-top: 5px;
    margin-right: 20px;
    border: 1px solid #aaaeb5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.searchAndFilter .others .select span{
    float: left;
    height: 28px;
    line-height: 28px;
}
.searchAndFilter .others .select span a{
    float: left;
    width: 118px;
    height: 28px;
    color: #707b91 ;
    text-align: left;
    text-indent: 10px;
    line-height: 28px;
}
.searchAndFilter .others .select i{
    position: absolute;
    top: 8px;
    right: 5px;
    width: 12px;
    height: 12px;
    background: url("/new/images/icon/04.png") no-repeat 0 -14px;
    cursor: pointer;
}
.selectOptions{
    position: absolute;
    background-color: #fff;
    border: 1px solid #eee;
}
.selectOptions ul li{
    min-width: 101px!important;
    line-height: 25px;
    text-indent: 10px;
}
.selectOptions ul li:hover{
    background-color: #ddd;
}
.selectOptions ul li a{
    color: #999;
}
/* end others */
/** end filter **/

/** resumesList **/
.main .wrapper .resumesList{
    float: left;
    width: 100%;
    padding-bottom: 20px;
    background-color: #fff;
}
/* top */
.main .resumesList .top{
    float: left;
    width: 960px;
    padding: 0 20px;
    background-color: #f8fafb;
    line-height: 35px;
}
.main .resumesList .top div{
    float: left;
}
.main .resumesList .top .resumesSum{
    float: left;
    width: 400px;
    height: 35px;
    color: #4a5261;
    font-size: 12px;
}
.resumesList .top .resumesSum strong{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #3498db;
    font-size: 14px;
    font-weight: normal;
}
.resumesList .top .checkBox{
    width: 316px;
}
.resumesList .top .checkBox label{
    float: right;
    width: 56px;
    margin-right: 20px;
    color: #aaaeb5;
}
.resumesList .top .checkBox input{
    float: right;
    width: 15px;
    height: 15px;
    margin: 10px 5px;
}
.resumesList .top .sequence{
    padding-left: 20px;
    border-left: 1px solid #ddd;
}
.resumesList .top .sequence a{
    float: left;
    width: 110px;
    +width: 100px;
    color: #aaaeb5;
}
.resumesList .top .sequence a:hover,
.resumesList .top .sequence a.selected{
    color: #3498db;
}
.resumesList .top .sequence a i{
    float: left;
    width: 16px;
    height: 15px;
    margin-top: 10px;
    margin-right: 5px;
    background: url("/new/images/icon/02.png") no-repeat;
}
.resumesList .top .sequence a.byTime i{
    background-position: center -33px;
}
.resumesList .top .sequence a.byTime:hover i,
.resumesList .top .sequence a.byTime.selected i{
    background-position: center 1px;
}
.resumesList .top .sequence a.bySynthesis i{
    background-position: center -65px;
}
.resumesList .top .sequence a.bySynthesis:hover i,
.resumesList .top .sequence a.bySynthesis.selected i{
    background-position: center -96px;
}
.resumesList .top .sequence a span{ float: left;}
/* end top */

/* lists */
.main .resumesList .lists{
    float: left;
    width: 960px;
    padding: 0 20px;
}
.main .resumesList .lists>li{
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
}
.main .resumesList .lists li.title{ border-bottom: 2px solid #eee;}
.main .resumesList .lists>li:hover{
    background-color: #fcfcfc;
}
.resumesList .lists li div{
    float: left;
    width: 285px;
    height: 55px;
    color: #707b91;
    line-height: 55px;
}
.resumesList .lists li .selectBtn{
    width: 25px;
    height: 55px;
}
.resumesList .lists li .selectBtn input{
    float: left;
    margin-top: 21px;
}
.resumesList .lists li .name{
    width: 135px;
}
.resumesList .lists li .name a{
    float: left;
    color: #4a5261;
    font-size: 16px;
    font-weight: bold;
    line-height: 55px;
}
.resumesList li .name a:hover{ text-decoration: underline;}
.resumesList li .name img{
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 20px;
    margin-left: 10px;
}
.resumesList .lists li .baseInfo{
    width: 245px;
    padding-right: 10px;
}
.resumesList li .baseInfo span{
    float: left;
    margin-right:3px;
    margin-left: 3px;
    color: #4a5261;
    line-height: 55px;
}
.resumesList .lists li .intentionJobs{
    width: 195px;
    padding-right: 10px;
}
.resumesList li .intentionJobs span{
    float: left;
    height: 20px;
    margin: 17px 5px 16px 0;
    padding-right: 10px;
    padding-left: 10px;
    color: #3498db;
    line-height: 20px;
    border: 1px solid #707b91;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
.resumesList .lists li .workPlace{
    width: 215px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.resumesList .lists li .updateTime{
    width: 100px;
}
/* end lists */

/* seeResumes */
.resumesList .lists .seeResumes .box{
    float: left;
    width: 60px;
    height: 55px;
}
.resumesList .seeResumes .box input{
    float: left;
    margin-top: 21px;
}
.resumesList .seeResumes .box label{
    float: left;
    margin-left: 10px;
}
.resumesList .seeResumes button{
    float: left;
    width: 80px;
    height: 30px;
    margin-top: 13px;
    color: #fff;
    line-height: 30px;
    background-color: #ff7d84;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.resumesList .seeResumes button:hover{
    background-color: #ff7171;
}
/* end seeResumes */

/* page */
.main .resumesList .lists .page{
    padding-top: 20px;
    border: none;
}
.resumesList .lists .page .pagination{
    float: left;
    width: 100%;
    text-align: center;
}
.resumesList .page .pagination li{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 5px;
}
.resumesList .pagination li span{
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ddd;
    color: #4a5261;
}
.resumesList .pagination li a{
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ddd;
    color: #4a5261;
}
.resumesList .pagination li:hover a{
    cursor: pointer;
}
.resumesList .pagination li.active span,
.resumesList .pagination li:hover a{
    color: #fff;
    background-color: #707b91;
}
/* end page */
/** end resumesList **/
/*** end main ***/